<template>
    <div>
      <el-form :inline="true" :model="searchForm"   size="mini">
        <div class="common-btn">
          <el-button type="primary" size="mini">导出excel</el-button>
        </div>
        <div class="search-common">
          <el-row :gutter="10">
            <el-col :sm="8" :xs="24" >
              <el-form-item>
                <el-input placeholder="请输入内容" v-model="searchForm.userType" class="input-with-select">
                  <el-select v-model="searchForm.currentUserType" style="width: 120px;" slot="prepend" placeholder="请选择">
                    <el-option label="用户手机" value="0"></el-option>
                    <el-option label="用户ID" value="1"></el-option>
                    <el-option label="用户昵称" value="2"></el-option>
                    <el-option label="睿汇账号" value="3"></el-option>
                    <el-option label="睿汇MT4账号" value="4"></el-option>
                    <el-option label="富德账号" value="5"></el-option>
                    <el-option label="富德MT4账号" value="6"></el-option>
                  </el-select>
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :sm="8" :xs="24" >
              <div class="grid-content bg-purple">
                <el-form-item label="账号状态" label-width="70px">
                  <el-select  placeholder="" v-model="searchForm.courseType" style="width:180px">
                    <el-option label="全部" value=""></el-option>
                    <el-option label="封禁" value="0"></el-option>
                    <el-option label="正常" value="1"></el-option>
                  </el-select>
                </el-form-item>
              </div>
            </el-col>
            <el-col :sm="8" :xs="24" >
              <el-form-item label="盈亏金额" >
                <el-input-number v-model="searchForm.profitLossStart" controls-position="right"  style="width:80px"    :min="1" :max="9999999"></el-input-number>
                至 <el-input-number   v-model="searchForm.profitLossEnd" controls-position="right" style="width:80px"   :min="1" :max="9999999"></el-input-number>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :sm="12" :xs="24" >
              <el-form-item label="盈亏金额" >
                <el-input-number v-model="searchForm.profitLossStart" controls-position="right"  style="width:80px"    :min="1" :max="9999999"></el-input-number>
                至 <el-input-number   v-model="searchForm.profitLossEnd" controls-position="right" style="width:80px"   :min="1" :max="9999999"></el-input-number>
              </el-form-item>
            </el-col>
            <el-col :sm="12" :xs="24">
              <el-form-item label="实际消费" >
                <el-input-number v-model="searchForm.oderMoneyStart" controls-position="right"  style="width:80px"    :min="1" :max="9999999"></el-input-number>
                至 <el-input-number   v-model="searchForm.oderMoneyEnd" controls-position="right" style="width:80px"   :min="1" :max="9999999"></el-input-number>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :sm="12" :xs="24">
              <el-form-item label="注册时间" >
                <el-date-picker
                  v-model="searchForm.classPrice"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :sm="12" :xs="24">
              <el-form-item label="最近交易时间" >
                <el-date-picker
                  v-model="searchForm.documentaryPassengers"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :xs="24">
              <el-form-item label="短信到期时间" >
                <el-date-picker
                  v-model="searchForm.msgTime"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="10">
            <el-col :sm="8" :lg="6" :xs="24" >
              <el-form-item>
                <el-button type="primary">查询</el-button>
                <el-button type="info">重置</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-form>
    </div>
</template>

<script>
    export default {
        data() {
            return {
              searchForm:{
                msgTime:'',
                userType:'',
                currentUserType:'0',
                courseType:'',
                mate:'',
                classStartTime:'',
                classEndTime:'',
                classPrice:'',
                documentaryPassengers:'',
                documentaryMoney:'',
                oderMoneyStart:'',
                oderMoneyEnd:'',
                profitLossStart:'',
                profitLossEnd:''
              },
            };
        },
        mounted() {

        },
        methods: {}
    };
</script>
<style scoped></style>
